import React, { useEffect } from 'react'

export default function Child() {
  useEffect(() => {
    // 需求: 组件一挂载, 注册全局鼠标移动事件, 打印鼠标位置 => 副作用
    const moveHandle = (e) => {
      console.log(e.pageX, e.pageY)
    }
    window.addEventListener('mousemove', moveHandle)

    // 如何移除全局事件, 清理副作用 => 可以返回一个清理函数
    return () => {
      // 组件卸载时执行
      console.log('清理函数执行了----')
      window.removeEventListener('mousemove', moveHandle)
    }
  }, [])
  return <div>Child</div>
}
